body {overflow:hidden; background-color:#000033;}
body, html { font-family: "\5FAE\8F6F\96C5\9ED1"; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu ;	margin:0; 	padding:0;}
.wrapper{	position: relative;	height: 1080px; 	width: 1920px;	background-image: url(../../images/suo/main_gd.jpg);}
.container{	height: 100%; 	width: 100%;}
.header{ position:relative;	height:75px; 	padding-top:30px;	}
.header .backbtn { position:absolute;top:110px; right:30px;}
.header .logo { 	float:left; 	width:760px;	}	
.header .nav { 	float:left; 	padding-top:3px;	width:750px; 	font-size:14px;  	color:#FFF;	}	
.header .nav span{ 	color: #6C3;	}	
.nav strong { display:block; float:left; padding:0 20px;}
.header .date { 	float:right; 	width:300px; 	text-align:center;	font-size:16px; 	color:#9AC810;	}
.main{ display:block;overflow:hidden;}	
.main_ltop { float:left; position:relative;}
.main .left{	float:left; 	padding:0px;	width:430px;	}
.left .user_info{font-size:16px;	color:#fff;	position: relative;	padding:100px 0 0 80px;	width:410px;	height:120px;	background:no-repeat url(../images/leftinfo_gd.png);	}
.user_info b{ 	padding:0 10px; 	color:#9AC810;   	}		
.left .lgout{	position: absolute;	top:90px;	left:390px;	}	
.left .Setup{	color:#9AC810; 	font-size:14px;	position: absolute;	 width:240px;	top:162px;	left:165px;	}	
.left .area{ padding-top:26px;	font-size:26px;	color:#fff;	position: relative;	margin:50px 0 0 100px;	width:287px;	height:500px;	background-image: url(../images/leftarea_gd.png);	}	
.left .area a ,.select a{	color:#fff;    cursor: pointer; text-decoration: none;}
.left .area a:hover{color: #FF0;   text-decoration: none;}
.left .area dl{ margin-top:40px;	}		
.area dt{ 	margin:0 auto;	width:200px;	margin-top:25px;		text-align:center;		height:56px; 	line-height:56px;	}
.area dt.select {		color: #FF0; 	background-image: url(../../images/suo/area_gd.png);	}
.main .middle{	float:left; 	}	
.main .mtop{	position: relative; 	width:609px; 	height:183px; 	margin:255px 0 120px 225px;	background-image: url(../../images/suo/mtop_gd.png);		color: #FF0;	font-size:16px;	font-weight:bold;}

.mtop .suo{
	font-size:30px;
	width:200px;
	text-align:center;
	position:absolute;
	top:-156px;
	left:200px;
}
.mtop .online_rate{
	width:100px;
	text-align:center;
	position:absolute;
	top:44px;
	left:43px;
}
.mtop .total{
	width:100px;
	text-align:center;
	position:absolute;
	top:110px;
	left:248px;
}
.mtop .temperature{
	width:100px;
	text-align:center;
	position:absolute;
	top:144px;
	left:45px;
}
.mtop .online{
	width:100px;
	text-align:center;
	position:absolute;
	top:45px;
	left:472px;
}
.mtop .offline{
	width:100px;
	text-align:center;
	position:absolute;
	top:146px;
	left:472px;
}
.main .map{ 	position: relative;    width:800px; 	height:400px;	margin:0 auto;  }
.main .qs {  background-image: url(../../images/suo/qsmap_gd.png);}
.main .as {  background-image: url(../../images/suo/asmap_gd.png);}
.main .hc {  background-image: url(../../images/suo/hcmap_gd.png);}
.main .ta {  background-image: url(../../images/suo/tamap_gd.png);}
.main .xy {  background-image: url(../../images/suo/xymap_gd.png);}
.map .dot {	position: relative; 	position:absolute;	top:320px; 	left:380px;}
.dot .info { 	position:absolute;	top:-32px; left:3px;	background-image: url(../../images/suo/mapinfo_gd.png); 	padding:28px 0 0 148px;	width:504px; 	height: 371px;}
.dot .info .top { 	width:470px; 	height:165px;	}
.info .top .topimg {	 float:left;	  width:230px;	   height:155px; 	   padding-left:5px;	    }	
.topimg img { 	width:200px; 	height:125px;	border-radius: 5px 5px;	}	
.info_text dl {}	
.info_text dd { margin:0 0 10px 0;  	float:left;	width:80px;  	color:#8BBF83;	}	
.info_text dt{ 	margin:0 0 10px 0;	float:left; 	width:150px;	color:#fff;}	
.dot .info .end { 	width:470px; 	height:165px;	clear:both; 	}	
.end dl {	color:#8BBF83; 	line-height:30px; 	}	
.end dd {	margin:0 0 9px 0;	 	float:left; 	width:130px;	border-bottom: 1px solid #17474A; 	padding-left:10px;}	
.end dt{ 	float:left; 	margin:0 0 9px 0;	width:320px; 	text-align:right;	border-bottom: 1px solid #17474A;	padding-right:10px;}
.main .mend{
	position: relative;
	width:253px;
	height:349px;
	background-image: url(../../images/suo/contact_gd.png);
	color: #3c6;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	left: 680px;
	top: 575px;
}
.mend .function{
	width:200px;
	text-align:center;
	position:absolute;
	top:14px;
	left:29px;
}
.mend .date{
	width:110px;
	text-align:center;
	position:absolute;
	top:52px;
	left:69px;
}
.mend .connection{
	width:110px;
	text-align:center;
	position:absolute;
	top:210px;
	left:74px;
}
.mend .online{
	width:180px;
	text-align:center;
	position:absolute;
	top:264px;
	left:32px;
}
.mend .offline{
	width:180px;
	text-align:center;
	position:absolute;
	top:297px;
	left:33px;
}
.main .mend1{
	position: relative;
	width:253px;
	height:349px;
	background-image: url(../../images/suo/contact_gd.png);
	color: #3c6;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	left: 985px;
	top: 575px;
}
.mend1 .function{
	width:200px;
	text-align:center;
	position:absolute;
	top:14px;
	left:29px;
}
.mend1 .date{
	width:110px;
	text-align:center;
	position:absolute;
	top:52px;
	left:69px;
}
.mend1 .connection{
	width:110px;
	text-align:center;
	position:absolute;
	top:210px;
	left:74px;
}
.mend1 .online{
	width:180px;
	text-align:center;
	position:absolute;
	top:264px;
	left:32px;
}
.mend1 .offline{
	width:180px;
	text-align:center;
	position:absolute;
	top:297px;
	left:33px;
}
.main .right{	float:right; 	padding-top:3px;	width:510px;		}
.right .date{	margin-top:40px;	width:473px;	height:271px;		background-image: url(../../images/suo/date_gd.png);		}
.left .date{margin-left:20px; 	margin-top:40px;	width:473px;	height:271px;		background-image: url(../../images/suo/date_gd.png);		}
.date .info{ 	width:90%; 	display:block; 	padding:20px 0 0 25px; 	height:40px;	}
.info .title{ 	float:left; 	width:300px; text-align:center; 	font-size:16px; 	color:#FFF;	}	
.info .more{ 	float:right; 	width:66px;	}
.date .main{ 	margin:0 auto;	width:450px; 	height:200px;	}

/*
#sub_chart_6 {
	display:inline-block;
	width:450px;
	margin: 0 auto;
}


.guzhangri, .guzhangyue, .guzhangnian{
	background: url(../../images/suo/s.png) no-repeat;
	background-size: 100% 100%;

	margin-top: 100px;
	width:140px;
	height:50px;
	display:inline-block;
}
*/

.firstcenRight {
	width: 100%;
	height: 100px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 50px 50px;
}

.flag {
	float: left;
	text-align: center;
	margin-right: 4px;
	margin-top: 10px;
}

.flag:nth-of-type(3) strong {
	border-right: none;
}

.flag strong {
	font-size: 40px;
	color: #fff;
	border-right: 1px solid #ccc;
	width: 110px;
	display: block;
}

.flag p {
	color: #06dae5;
	font-size: 20px;
	padding-top: 20px;
}